<template>
    <section>
        <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
            <el-form :inline="true" :model="filters">
                <el-form-item>
                    <el-input v-model="filters.ip" placeholder="请输入查询ip"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" >查询</el-button>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" >新增</el-button>
                </el-form-item>
            </el-form>
        </el-col>


        <el-table
                highlight-current-row
                :data="userList"
                style="width: 100%"
                row-style="height:20px"
                cell-style="padding:0"
        >
            <el-table-column
                    type="selection"
                    width="55">
            </el-table-column>
            <el-table-column
                    sortable
                    prop="account"
                    label="账号"
                    width="100">
            </el-table-column>

            <el-table-column
                    sortable
                    prop="username"
                    label="姓名"
                    width="130">
            </el-table-column>
            <el-table-column
                    prop="email"
                    label="邮箱"
                    width="200">
            </el-table-column>
            <el-table-column
                    prop="deparment"
                    label="项目组"
                    width="150">
            </el-table-column>
            <el-table-column
                    prop="role"
                    label="角色"
                    width="180">
            </el-table-column>
            <el-table-column
                    prop="lastLogin"
                    label="最后登录时间"
                    width="180">
            </el-table-column>
            <el-table-column
                    label="操作"
                    width="300">
                <template slot-scope="scope">
                    <el-button @click="handleClick(scope.row)" type="info" size="small">编辑</el-button>
                    <el-button @click="handleClick(scope.row)" type="warning" size="small">密码重置</el-button>
                    <el-button @click="handleConsole(scope.row)" type="danger" size="small">删除</el-button>


                </template>
            </el-table-column>
        </el-table>
    </section>
</template>

<script>

    export default {
        data() {
            return {
                filters: {
                    ip: ''
                },
                userList: [{
                    account: 'admin',
                    username: '吕布',
                    email: 'admin@qq.com',
                    deparment: '运维部',
                    role: '管理员',
                    lastLogin: "2019-04-19 15:38:26",

                },
                    {
                        account: 'huowu',
                        username: '不知火舞',
                        email: 'huowu@qq.com',
                        deparment: '运维部',
                        role: '管理员',
                        lastLogin: "2019-04-19 15:38:26",

                    },
                    {
                        account: 'guanyu',
                        username: '关羽',
                        email: 'guanyu@qq.com',
                        deparment: '开发',
                        role: '管理员',
                        lastLogin: "2019-04-19 15:38:26",

                    },
                    {
                        account: 'daji',
                        username: '妲己',
                        email: 'daji@qq.com',
                        deparment: '测试',
                        role: '管理员',
                        lastLogin: "2019-04-19 15:38:26",

                    },
                    {
                        account: 'jialuo',
                        username: '伽罗',
                        email: 'jialuo@qq.com',
                        deparment: '测试',
                        role: '管理员',
                        lastLogin: "2019-04-19 15:38:26",

                    },
                ]
            }
        },
        methods: {

        }

    }
</script>